@import "theme";

@mixin shyTransition {
  transition: all 270ms cubic-bezier(0.4, 0, 0.2, 1);
}

@mixin fontColorLight {
  color: $light;
}

@mixin fontColorMedium {
  color: $medium;
}

@mixin fontColorDark {
  color: $dark;
}

@mixin fontColorPrimary {
  color: $primary;
}

@mixin fontColorError {
  color: $danger;
}

@mixin fontSize12 {
  font-size: 12px;
}

@mixin fontSize14 {
  font-size: 14px;
}

@mixin fontSize16 {
  font-size: 16px;
}

@mixin fontSize18 {
  font-size: 18px;
}

@mixin fontWeightNormal {
  font-weight: $fontWeightNormal;
}

@mixin fontWeightMedium {
  font-weight: $fontWeightMedium;
}

@mixin fontWeightHeavy {
  font-weight: $fontWeightHeavy;
}
